<template>
  <div class="page page-wh100-safety">
    <div class="page-module-list">
      <div class="module-list__item margin-top-lg" @click="onRouter('/index/basicslist')">
        <div class="module-list__icon">
          <van-icon class="module-icon__icon" name="star"/>
        </div>
        <div class="module-list__cont">
          <div class="title">基础模板</div>
          <div class="dist">包含商品详情、购买、收货地址等</div>
        </div>
        <div class="module-list__arrow">
          <van-icon class="module-arrow__icon" name="arrow"/>
        </div>
      </div>

      <div class="module-list__item margin-top-lg" @click="onRouter('/index/formlist')">
        <div class="module-list__icon">
          <van-icon class="module-icon__icon" name="star"/>
        </div>
        <div class="module-list__cont">
          <div class="title">表单模板</div>
          <div class="dist">包含基础表单、表单验证、复杂表单等</div>
        </div>
        <div class="module-list__arrow">
          <van-icon class="module-arrow__icon" name="arrow"/>
        </div>
      </div>
      <div class="module-list__item margin-top-lg" @click="onRouter('/index/elem')">
        <div class="module-list__icon">
          <van-icon class="module-icon__icon" name="star"/>
        </div>
        <div class="module-list__cont">
          <div class="title">饿了么点餐模板</div>
          <div class="dist">包含主页、购物车、动画等</div>
        </div>
        <div class="module-list__arrow">
          <van-icon class="module-arrow__icon" name="arrow"/>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="es6">

export default {
  name: "",
  inject: ['reload'],
  components: {},
  data() {
    return {};
  },
  async mounted() {
    /*this.$http.get("/index/list", {
      a: "1"
    }).then(res => {
      console.log(res);
    })*/
  },
  methods: {
    onRouter(path) {
      this.$router.push(path);
    }
  }
}
</script>

<style lang="scss" scoped>


</style>